<template>
  <div>
    <h1>App</h1>
    <BsCard>

      this body
      <h2>this lili</h2>
      
      <template #header>
        this header
      </template>

      <h1>this lucy</h1>

      <template #footer>
        this footer
      </template>
    </BsCard>
  </div>
</template>

<script setup>
import { ref } from 'vue';
import BsCard from './components/BsCard.vue';
const title = ref('hello App')
</script>


<style>
div {
  border: solid;
  padding: 20px
}
</style>